import Vue from 'vue'
// import App from './App.vue'
// import App from './MyApp1.vue'
// import App from './MyApp2.vue'
// import App from './MyApp3.vue'
// import App from './MyApp4.vue'
// import App from './MusicApp.vue'
import App from './RouteParamsApp.vue'
import './styles/base.css' // css 样式重置
import './styles/common.css' // 公共全局样式
import './assets/iconfont/iconfont.css' // 字体图标的样式
import './styles/index.css' // 页面样式
import vueRouter from '@/routers/index'

// 1. 全局注册指令
Vue.directive('focus', {
  // inserted 会在 指令所在的元素，被插入到页面中时触发
  inserted (el) {
    // el 就是指令所绑定的元素
    el.focus()
  }
})
Vue.config.productionTip = false

new Vue({
  render: h => h(App),
  router: vueRouter
}).$mount('#app')